/*
** main menu in head
** above the fold call
** avoid jumping
*/

.page-aug .shareButton { display: none !important; }
/************* Main Menu *************/
.mainMenu .menu ul.hasSubmenuChildren {
    padding-top: 30px;
    position: absolute;
    left: 0;
    background: linear-gradient(to bottom, transparent 30px, #FFFFFF 30px);
    display: none;
    min-width: fit-content;
    padding: 60px 40px 40px 40px;
}
.mainMenu .menu ul.hasSubmenuChildren::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 40px; /* Adjust horizontally as needed */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  z-index: 11;
}
.mainMenu .menu ul.hasSubmenuChildren li a {
    border-bottom: unset;   
}
.mainMenu .menu ul.hasSubmenuChildren li a:hover {
    color: #f57960;
}
.mainMenu .menu ul.hasSubmenuChildren li,
.mainMenu .menu ul.hasSubmenuChildren li a {
    color: #252159;
    margin-right: 0;
}
.hasSubmenuAug:hover ul.hasSubmenuChildren {
    display: block;
    min-width: 487px;
}

.mainMenu .btn-apply,
.mobileMenu .btn-apply {
    transition: background-color .15s linear, color .15s linear;
    background-color: transparent;
    border: 2px solid white;
}
.mainMenu .btn-apply:hover {
    background-color: white;
    color: #252159;
}
/************* Mobile Menu *************/
.mobileMenu .mm-panels #mm-1 {
    background: #252159 !important;   
}
.mobileMenu .mm-panels #mm-1 li:nth-child(n+7) {
    background-color: transparent !important;
    padding-top: 0 !important;
}
.mobileMenu .mm-panels #mm-1 li:nth-child(6) {
    margin-bottom: 0 !important;   
}
.mobileMenu .btn-apply {
    min-width: 320px;
    margin-left: 20px !important;
    margin-right: 20px !important;
}
@media (min-width: 600px) {
  .mobileMenu .button.give {
    max-width: 100% !important;
    min-width: 320px !important;
  }
}
@media (min-width: 1024px) {
  .mainMenu .mobileMenuToggle {
    display: block;
  }
  .mainMenu .menu {
    visibility: hidden;
  }
    .mainMenu .give {
    display: none;
  }
}
@media all and (min-width: 1200px) {
    .mobileMenu .mm-panels #mm-1 {
        display: none;   
    }
  .mainMenu .mobileMenuToggle {
    display: none;
  }
  .mainMenu .menu {
    visibility: visible;
  }
    .mainMenu .give {
    display: block;
  }  
}

/* home banner above the fold */
/*disable pointer events when not in active slide to acheive fade effect*/
.page-aug .homeBannerAug .homeBannerAugSlider .swiper-slide { opacity: 0 !important;   pointer-events: none; }
.page-aug .homeBannerAug .homeBannerAugSlider .swiper-slide.swiper-slide-active { opacity: 1 !important; pointer-events: auto; }
.page-aug .top-video-container {
    display: block !important;   
    height: 100vh;
}
.page-aug .video-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 950px;
    z-index: 1;        
}
.page-aug .video-iframe-container {
    position:absolute;
    bottom:0;
    right:0;
    width: 100%;
    height: 100vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);     
}    
.page-aug .video-wrapper {
  position: relative;
  width: 100%;
  /*height:950px;*/
  /*height: 100vh;*/
  /*padding-top: 56.25%; /* 16:9 ratio */
}
.page-aug .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  font-size: 2rem;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  display: none;
} 

.page-aug .facultyInner { background-color: #fafafa; }

.page-aug .facultyInner .description {
    color:#a8a6bd;
}
.page-aug .facultyInner .description-top {
    font-size: 14px;
}
@media all and (max-width: 1024px) { .page-aug.page-aug-faculty .sidebar { display: none; } }

.page-aug .facultyInner .textOnly p:first-of-type {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.165px;   
}
@media (max-width: 768px) {
    .page-aug .facultyInner .contentInner h1 {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-aug .facultyInner h1 {
        font-size: 50px;
        line-height: 60px;
  }      
}
.page-aug .faq .cardFaculty { background: var(--ACG-BG, #EDEDF3); padding: 20px 23px 17px 18px; gap: 18px; border-bottom: none; width: 100%; transition: background .2s linear;}
.page-aug .faq .cardFaculty:hover { background: #252159; }
.page-aug .faq .cardFaculty:hover .identity > * { color: white !important; }
.page-aug .faq .cardFaculty__title {
    color: #252159 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.12px;
}
.page-aug .faq .cardFaculty .description { 
    color: #F57960 !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.09px;
    transition: color .2s linear;
}
.page-aug .faq .cardFaculty .school { 
    color: var(--ACG-Medium, #66648B);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
    transition: color .2s linear;
}
.page-aug .faq .cardFaculty img { border-radius: 46px; width: 46px; height: 46px; }